<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>指定字符串转换成驼峰式命名</title>
    </head>
    <body>
        <script>
            const str = "get-element-by-id"; //getElementById
            /*
             * 整体思路去掉短横线并把每个单词首字母大些(第一个除外)
             * */
            function toString(string) {
                //1、将字符串分割成单词数组，去掉短横线
                const wordArr = string.split("-");
                console.log(wordArr);
                //2、遍历数组，每个单词首字母变成大写
                const upperCaseArr = wordArr.map((item, index) => {
                    if (index === 0) {
                        //第一个单词例外
                        return item;
                    } else {
                        //去除首字符转成大写然后拼接剩下字母
                        return (
                            item.substring(0, 1).toUpperCase() +
                            item.substring(1, item.length)
                        );
                    }
                });
                console.log(upperCaseArr);
                //3、将大写的单词数组拼接成字符串并返回
                return upperCaseArr.join("");
            }
            console.log(toString(str));
        </script>
    </body>
</html>
<script>
    /*
     * 整体思路去掉短横线并把每个单词首字母大些(第一个除外)
     * */
    function toString(string) {
        //1、将字符串分割成单词数组，去掉短横线
        const wordArr = string.split("-");
        console.log(wordArr);
        //2、遍历数组，每个单词首字母变成大写
        const upperCaseArr = wordArr.map((item, index) => {
            if (index === 0) {
                //第一个单词例外
                return item;
            } else {
                //去除首字符转成大写然后拼接剩下字母
                return (
                    item.substring(0, 1).toUpperCase() +
                    item.substring(1, item.length)
                );
            }
        });
        console.log(upperCaseArr);
        //3、将大写的单词数组拼接成字符串并返回
        return upperCaseArr.join("");
    }
</script>
